$(function(){
    screenTopChange(); 
//    screenChange();
    window.onresize = function(){
        screenTopChange();
//        screenChange();
    };
    
    
//   layout 菜单栏样式
    $('.navbar li').mouseout(function(){
        $('.navbar li').each(function(){
            $(this).removeClass('act');
        });
        $(this).addClass('act');
    });
    
//   index首页
//   banner进度条
    
    var index = 0;
    var d_index = 0;
    var d_num = $('.slider .banner-intr').length;
    var d_width = 100/d_num; 
    $('.banner-bot .banner-bot-l').css('width',d_width+'%');
    var order_by = 'ASC';
    start();
    function start(){
        if(order_by == 'ASC'){
            if(index < d_num-1){
                d_index +=d_width;
                index += 1;
            } else {
                order_by = 'DESC';
                d_index -=d_width;
                index -= 1;
            }
        } else {
            if(index > 0){
                d_index -=d_width;
                index -= 1;
            } else {
                order_by = 'ASC';
                d_index +=d_width;
                index += 1;
            }
        }
        $('.banner-bot-l').animate({left:d_index+'%' },1000);
        sliderQh(index);
        window.setTimeout(start, 5000);
        
    };
    
//    banner切换
    function sliderQh(e){
        $('.slider .banner-intr').each(function(){
            $(this).css('display','none');
        });
        $('.slider .banner-intr:eq('+e+')').fadeToggle(0);
    }
    
//  精彩案例视频区切换
//  left
    $('.c4-l-l').click(function(){
        var num = $('#l-num').attr('data');
        if(num<=0){
            return;
        }
        $('.con-4 .con-r').each(function(){
            $(this).css('display','none');
        });
        $(".con-r").eq(Number(num)-Number(1)).fadeIn(1000);
        $('#l-num').attr('data',Number(num)-Number(1));
        $('#c4-num').html(Number(num));
    });
//  right
    $('.c4-l-r').click(function(){
        var num = $('#l-num').attr('data');
        var num2 = $('#c4-num').attr('data');
        if(num>=num2-1){
            return;
        }
        $('.con-4 .con-r').each(function(){
            $(this).css('display','none');
        });
        $(".con-r").eq(Number(num)+Number(1)).fadeIn(1000);
        $('#l-num').attr('data',Number(num)+Number(1));
        $('#c4-num').html(Number(num)+Number(2));
    });
    
    
//    产品中心
    $('.con-6-ul li').mouseover(function () {
        $('.con-6-ul li').each(function(){
            $(this).removeClass('m-1 m-2 m3');
        });
        $(this).addClass('m-1 m-2 m3');
    })
    $('.con-6-ul li').mouseout(function () {
        $('.con-6-ul li').each(function(){
            $(this).removeClass('m-1 m-2 m3');
        });

    })
    $('.con-6-ul li').click(function(){
        $('.con-6-ul li').each(function(){
            $(this).removeClass('m-1 m-2 m3');
        });
        $(this).addClass('m-1 m-2 m3');
        var l_index = $(this).index();
        $('.con-6 .con-cs').each(function(){
            $(this).css('display','none');
        });
        $('.con-6 .con-cs:eq('+l_index+')').css('display','block');
    });
    
    
//    产品规格
    $('.con-gg').click(function(){
        $(this).parent().parent().find('.con-img-h').removeClass('hidden');
        $(this).parent().parent().find('.con-img-v').addClass('hidden');
    });
    $(".con-img-h").click(function () {
        $(this).parent().find('.con-img-h').addClass('hidden');
        $(this).parent().find('.con-img-v').removeClass('hidden');
    })
    // $('.con-gg').mouseout(function(){
    //     $(this).parent().parent().find('.con-img-h').addClass('hidden');
    //     $(this).parent().parent().find('.con-img-v').removeClass('hidden');
    // });
//    end
    
    
    
    
    
//    product产品中心
//    产品详情切换
    $('.prod-nav li').click(function(){
        var nav_index = $(this).index();
        $('.prod-nav li').each(function(){
            $(this).css('color','#BBBBBB');
        });
        $(this).css('color','#000');
        $('.prod-intro .prod-intro-i').each(function(){
            $(this).css('display','none');
        });
//        alert(nav_index)
        $('.prod-intro .prod-intro-i:eq('+nav_index+')').css('display','block');
    });
});








//  index 方法
//  content全屏计算宽度
function screenTopChange(){
    var screen_w = document.body.scrollWidth ;
    var con = 100-(220/screen_w)*100;
    var con_w = con.toFixed(5);
    $('.content').css('width',con_w+'%');
}

//function screenChange(){
//    var screen_w2 = $('.content').width();
//    var con_r2 = 100-(200/screen_w2)*100;
//    var con_w2 = con_r2.toFixed(5);
//    $('.con-r').css('width',con_w2+'%');
//}

//    获取鼠标点击距离左边边距
function getMousePos(event) {
    var e = event || window.event;
    return e.screenX;
};
